<!--
  Generated template for the InformationPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->

<ion-header>
    <ion-navbar >
        <ion-title>
            我的待审
        </ion-title>
    </ion-navbar>
</ion-header>
<ion-content>
    <div class="content_div">
       <!-- {{detailItem.DanJuXX.ShenQingDH}}-->
       <div class="panel">
            <div class="title">
                <label>基本信息</label>
            </div>
            <div class="con">
                <div>
                    <span>
                        变更编号
                    </span>
                    <label>
                        {{detailItem.DanJuXX.BianHao}}
                    </label>
                </div>
                <div>
                    <span>
                        合同显示编号
                    </span>
                    <label>
                        {{detailItem.DanJuXX.HeTongBH}}
                    </label>
                </div>
            </div>
            <div class="con">
                <div>
                    <span>
                        合同名称
                    </span>
                    <label>
                        {{detailItem.DanJuXX.HeTongMC}}
                    </label>
                </div>
                <div>
                    <span>
                        合同金额
                    </span>
                    <label>
                        {{detailItem.DanJuXX.HeTongJE}}
                    </label>
                </div>
            </div>
            <div class="con onLine" >
                <div>
                    <span>
                        变更时间
                    </span>
                    <label>
                        {{detailItem.DanJuXX.BianGengSJ}}
                    </label>
                </div>
                <div>
                    <span>
                        变更人
                    </span>
                    <label>
                        {{detailItem.DanJuXX.BianGengR}}
                    </label>
                </div>

            </div>
           <div class="con onLine" >
               <div>
                    <span>
                        申请部门
                    </span>
                   <label>
                       {{detailItem.DanJuXX.ShenQingBM}}
                   </label>
               </div>
               <div>
                    <span>
                        变更说明
                    </span>
                   <label>
                       {{detailItem.DanJuXX.BianGengSM}}
                   </label>
               </div>

           </div>
           <div *ngIf="detailItem.DanJuXX.DanJuFJ !=undefined">
               <div class="shenQingFJDiv" *ngIf="detailItem.DanJuXX.DanJuFJ.length>0">
                   <div class="fuJianTitle">
                       <span>申请附件</span>
                   </div>
                   <div>
                       <div class="shenQingFJ" *ngFor="let item of detailItem.DanJuXX.DanJuFJ" tappable (click)="sqfjHandler(item)">
                           <p>{{item.FuJianMC}}</p>
                       </div>
                   </div>
               </div>
           </div>

        </div>
        <div class="panel" *ngIf="detailItem.DanJuXX.QianBaoNR !=''">
            <div class="title">
                <label>签报内容</label>
            </div>
            <div>
                <div class="con">

                    {{detailItem.DanJuXX.QianBaoNR}}
                </div>

            </div>

        </div>
        <div class="panel" *ngIf="detailItem.List.length>0">
            <div class="title">
                <label>变更信息</label>
            </div>
            <div *ngFor="let item of detailItem.List">
                <div class="con" *ngIf="item.BianGengXMC !='' || item.BianGengQ !=''">
                    <div *ngIf="item.BianGengXMC !=null && item.BianGengXMC !=''" style="width: 100%">
                     <span>
                        变更项名称
                    </span>
                        <label>
                            {{item.BianGengXMC}}
                        </label>
                    </div>
                    <div *ngIf="item.BianGengQ !=null && item.BianGengQ !=''">
                     <span>
                        变更前值
                    </span>
                        <label>
                            {{item.BianGengQ}}
                        </label>
                    </div>
                </div>
                <div class="con " *ngIf="item.BianGengH !='' ">
                    <div *ngIf="item.BianGengH !=null && item.BianGengH !=''">
                        <span>
                        申请金额
                        </span>
                        <label>
                            {{item.BianGengH}}
                        </label>
                    </div>

                </div>
            </div>

        </div>
        <div class="panel" *ngIf="detailItem.ShenPiXX.length>0">
            <div class="title">
                <label style="color: #3a3a3a">审批过程</label>
            </div>
            <div *ngFor="let item of detailItem.ShenPiXX" class="spPanel">
                <div class="con">
                    <div *ngIf="item.ShenPiHJ !=''">
                     <span>
                        审批环节
                    </span>
                        <label>
                            {{item.ShenPiHJ}}
                        </label>
                    </div>
                    <div  *ngIf="item.ShenPiR !=''">
                     <span style="color: #666666">
                        审批人
                    </span>
                        <label style="color: #3189fb;font-weight: bold">
                            {{item.ShenPiR}}
                        </label>
                    </div>
                </div>
                <div class="con">
                    <div  *ngIf="item.ShenPiSJ !=''">
                     <span style="color: #666666">
                        审批时间
                    </span>
                        <label style="color: #999999">
                            {{item.ShenPiSJ}}
                        </label>
                    </div>
                    <div  *ngIf="item.ChuLiSC !=''">
                     <span style="color: #666666">
                        处理时长
                    </span>
                        <label style="color: #333333">
                            {{item.ChuLiSC}}
                        </label>
                    </div>
                </div>
                <div class="conEnd" >
                    <div style="width: 100%">
                     <span>
                        审批意见
                    </span>
                        <label style="color: #333333">
                            {{item.ShenPiYJ==null?'无':item.ShenPiYJ}}
                        </label>
                    </div>
                </div>
            </div>
           <!-- <div class="title">
                <label>审批过程</label>
            </div>
            <div *ngFor="let item of detailItem.ShenPiXX" class="spPanel">
                <div class="con"  *ngIf="item.ShenPiHJ !='' || item.ShenPiR !=''">
                    <div *ngIf="item.ShenPiHJ !=''">
                     <span>
                        审批环节
                    </span>
                        <label>
                            {{item.ShenPiHJ}}
                        </label>
                    </div>
                    <div *ngIf="item.ShenPiR !=''">
                     <span>
                        审批人
                    </span>
                        <label>
                            {{item.ShenPiR}}
                        </label>
                    </div>
                </div>
                <div class="con"  *ngIf="item.ShenPiSJ !='' || item.ChuLiSC !=''">
                    <div  *ngIf="item.ShenPiSJ !=''">
                     <span>
                        审批时间
                    </span>
                        <label>
                            {{item.ShenPiSJ}}
                        </label>
                    </div>
                    <div  *ngIf="item.ChuLiSC !=''">
                     <span>
                        处理时长
                    </span>
                        <label>
                            {{item.ChuLiSC}}
                        </label>
                    </div>
                </div>
                <div class="conEnd" *ngIf=" item.ShenPiYJ !==null">
                    <div style="width: 100%">
                     <span>
                        审批意见
                    </span>
                        <label>
                            {{item.ShenPiYJ}}
                        </label>
                    </div>
                </div>

            </div>-->
        </div>
        <div class="buttonDiv" *ngIf=" type==1">
            <button ion-button (click)="doClickHandler()">去审批</button>
        </div>

    </div>
</ion-content>


